<!DOCTYPE html>
<!--
This is a starter template page. Use this page to start your new project from
scratch. This page gets rid of all links and provides the needed markup only.
-->
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="x-ua-compatible" content="ie=edge">

		<title>AdminLTE 3 | Top Navigation</title>

		<!-- Font Awesome Icons -->
		<link rel="stylesheet" href="../../static/bower_components/plugins/fontawesome-free/css/all.min.css">
		<!-- Theme style -->
		<link rel="stylesheet" href="../../static/dist/css/adminlte.min.css">
		<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
		<!-- Google Font: Source Sans Pro -->
		<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
	</head>
	<body class="hold-transition layout-top-nav">
		<div class="wrapper">

			<!-- Navbar -->
			<nav class="main-header navbar navbar-expand navbar-light navbar-white">
				<div class="container">
					<a href="#" class="navbar-brand">
						<img src="../../static/ico/xorg_x_96px_572351_easyicon.net.ico" alt="AdminLTE Logo" class="brand-image img-circle elevation-3"
						 style="opacity: .8">
						<span class="brand-text font-weight-light">银行信贷系统 客户版</span>
					</a>

					<!-- Right navbar links -->
					<ul class="navbar-nav ml-auto">
						<li class="nav-item">
						</li>
						<li class="nav-item d-none d-sm-inline-block active">
							<a href="index3.html" class="nav-link">主页</a>
						</li>
						<li class="nav-item d-none d-sm-inline-block">
							<a href="#" class="nav-link">我的基本信息</a>
						</li>
						<li class="nav-item dropdown">
							<a id="dropdownSubMenu1" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link dropdown-toggle">我的信用</a>
							<ul aria-labelledby="dropdownSubMenu1" class="dropdown-menu border-0 shadow">
								<li><a href="#" class="dropdown-item">我的信用等级</a></li>
								<li><a href="#" class="dropdown-item">我的</a></li>
						
								<li class="dropdown-divider"></li>
						
								<!-- Level two dropdown-->
								<li class="dropdown-submenu dropdown-hover">
									<a id="dropdownSubMenu2" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
									 class="dropdown-item dropdown-toggle">Hover for action</a>
									<ul aria-labelledby="dropdownSubMenu2" class="dropdown-menu border-0 shadow">
										<li>
											<a tabindex="-1" href="#" class="dropdown-item">level 2</a>
										</li>
						
										<!-- Level three dropdown-->
										<li class="dropdown-submenu">
											<a id="dropdownSubMenu3" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
											 class="dropdown-item dropdown-toggle">level 2</a>
											<ul aria-labelledby="dropdownSubMenu3" class="dropdown-menu border-0 shadow">
												<li><a href="#" class="dropdown-item">3rd level</a></li>
												<li><a href="#" class="dropdown-item">3rd level</a></li>
											</ul>
										</li>
										<!-- End Level three -->
						
										<li><a href="#" class="dropdown-item">level 2</a></li>
										<li><a href="#" class="dropdown-item">level 2</a></li>
									</ul>
								</li>
								<!-- End Level two -->
							</ul>
						</li>
						<!-- Messages Dropdown Menu -->
						<li class="nav-item dropdown">
							<a class="nav-link" data-toggle="dropdown" href="#">
								<i class="fas fa-comments"></i>
								<span class="badge badge-danger navbar-badge">3</span>
							</a>
							<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
								<a href="#" class="dropdown-item">
									<!-- Message Start -->
									<div class="media">
										<img src="../../dist/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 mr-3 img-circle">
										<div class="media-body">
											<h3 class="dropdown-item-title">
												Brad Diesel
												<span class="float-right text-sm text-danger"><i class="fas fa-star"></i></span>
											</h3>
											<p class="text-sm">Call me whenever you can...</p>
											<p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
										</div>
									</div>
									<!-- Message End -->
								</a>
								<div class="dropdown-divider"></div>
								<a href="#" class="dropdown-item">
									<!-- Message Start -->
									<div class="media">
										<img src="../../dist/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
										<div class="media-body">
											<h3 class="dropdown-item-title">
												John Pierce
												<span class="float-right text-sm text-muted"><i class="fas fa-star"></i></span>
											</h3>
											<p class="text-sm">I got your message bro</p>
											<p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
										</div>
									</div>
									<!-- Message End -->
								</a>
								<div class="dropdown-divider"></div>
								<a href="#" class="dropdown-item">
									<!-- Message Start -->
									<div class="media">
										<img src="../../dist/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
										<div class="media-body">
											<h3 class="dropdown-item-title">
												Nora Silvester
												<span class="float-right text-sm text-warning"><i class="fas fa-star"></i></span>
											</h3>
											<p class="text-sm">The subject goes here</p>
											<p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
										</div>
									</div>
									<!-- Message End -->
								</a>
								<div class="dropdown-divider"></div>
								<a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
							</div>
						</li>
						<!-- Notifications Dropdown Menu -->
						<li class="nav-item dropdown">
							<a class="nav-link" data-toggle="dropdown" href="#">
								<i class="far fa-bell"></i>
								<span class="badge badge-warning navbar-badge">15</span>
							</a>
							<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
								<span class="dropdown-header">15 Notifications</span>
								<div class="dropdown-divider"></div>
								<a href="#" class="dropdown-item">
									<i class="fas fa-envelope mr-2"></i> 4 new messages
									<span class="float-right text-muted text-sm">3 mins</span>
								</a>
								<div class="dropdown-divider"></div>
								<a href="#" class="dropdown-item">
									<i class="fas fa-users mr-2"></i> 8 friend requests
									<span class="float-right text-muted text-sm">12 hours</span>
								</a>
								<div class="dropdown-divider"></div>
								<a href="#" class="dropdown-item">
									<i class="fas fa-file mr-2"></i> 3 new reports
									<span class="float-right text-muted text-sm">2 days</span>
								</a>
								<div class="dropdown-divider"></div>
								<a href="#" class="dropdown-item dropdown-footer">See All Notifications</a>
							</div>
						</li>
						<li class="nav-item">
							<a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#"><i class="fas fa-th-large"></i></a>
						</li>
					</ul>
				</div>
			</nav>
			<!-- /.navbar -->

			<!-- Content Wrapper. Contains page content -->
			<div class="content-wrapper">
				<!-- Content Header (Page header) -->
				<div class="content-header">
					<div class="container">
						<div class="row mb-2">
							<div class="col-sm-6">

								<h1 class="m-0 text-dark"><span id="peoId">123</span> <small>WelComeBack</small></h1>
							</div><!-- /.col -->
							<div class="col-sm-6">
								<ol class="breadcrumb float-sm-right">
									<li class="breadcrumb-item"><a href="#">主页</a></li>

								</ol>
							</div><!-- /.col -->
						</div><!-- /.row -->
					</div><!-- /.container-fluid -->
				</div>
				<!-- /.content-header -->

				<!-- Main content -->
				<div class="content">
					<div class="container-fluid">
						<div class="row">


							<div class="row">


								<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
									<ol class="carousel-indicators">
										<li data-target="#carouselExampleIndicators" data-slide-to="0" class=""></li>
										<li data-target="#carouselExampleIndicators" data-slide-to="1" class=""></li>
										<li data-target="#carouselExampleIndicators" data-slide-to="2" class="active"></li>
									</ol>
									<div class="carousel-inner">
										<div class="carousel-item active">
											<img class="d-block w-100" src="https://www.mercedes-benz.com.cn/content/dam/mb-cn/vehicles/sedan/s-class/new0925-S-Class_kv_PC.jpg"
											 alt="First slide">
										</div>
										<div class="carousel-item">
											<img class="d-block w-100" src="https://www.mercedes-benz.com.cn/content/dam/mb-cn/vehicles/suv/glc-l-suv/bannerPC.jpg"
											 alt="Second slide">
										</div>
										<div class="carousel-item ">
											<img class="d-block w-100" src="https://www.mercedes-benz.com.cn/content/dam/mb-cn/vehicles/eqc/eq-brand/0902-2880x1200-pc.jpg"
											 alt="Third slide">
										</div>

									</div>

									<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
										<span class="carousel-control-prev-icon" aria-hidden="true"></span>
										<span class="sr-only">Previous</span>
									</a>
									<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
										<span class="carousel-control-next-icon" aria-hidden="true"></span>
										<span class="sr-only">Next</span>
									</a>
								</div>



							</div>

						</div>
						<!-- /.row -->
					</div><!-- /.container-fluid -->
				</div>
				<!-- /.content -->
			</div>
			<!-- /.content-wrapper -->

			<!-- Control Sidebar -->
			<aside class="control-sidebar control-sidebar-dark">
				<!-- Control sidebar content goes here -->
				<div class="p-3">
					<h5>Title</h5>
					<p>Sidebar content</p>
				</div>
			</aside>
			<!-- /.control-sidebar -->

			<!-- Main Footer -->
			<footer class="main-footer">
				<!-- To the right -->
				<div class="float-right d-none d-sm-inline">
					Anything you want
				</div>
				<!-- Default to the left -->
				<strong>Copyright &copy; 2014-2019 <a href="https://adminlte.io">AdminLTE.io</a>.</strong> All rights reserved.
			</footer>
		</div>
		<!-- ./wrapper -->

		<!-- REQUIRED SCRIPTS -->

		<!-- jQuery -->
		<script src="../../static/bower_components/jquery/dist/jquery.min.js"></script>
		<!-- Bootstrap 4 -->
		<script src="../../static/bower_components/plugins/bootstrap/js/bootstrap.bundle.js"></script>
		<!-- AdminLTE App -->
		<script src="../../static/dist/js/adminlte.min.js"></script>
	</body>
</html>
